<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a class="header">
        <img id="headImg"  alt="">
        <span id="back" class="header-left iconfont zp-left"></span>
        <div>
            <span class="iconfont zp-play"></span>
            <p class="fs12">视频预览</p>
        </div>
    </a>
    <div class="main plr25">
        <div class="main-top dpflex jcsb">
            <div class="mt20">
                <h4 id="name"></h4>
                <div class="dpflex">
                    <p class="mr16 fs12">
                        <span id="calorie" class="mr5 fs18 fwb"></span>千卡
                    </p>
                    <p class="fs12">
                        <span id="time" class="mr5 fs18 fwb"></span>分钟
                    </p>
                </div>
            </div>
            <div class="main-top-b dpflex">
                <p> <span id="peoplenum"></span> w人练过<span class="iconfont zp-right"></span></p>
                
            </div>
        </div>
        <div class="main-mid mt20">
            <div class="main-mid-t dpflex jcsb">
                <div class="main-mid-l dpflex">
                    <div class="main-mid-img">
                        <img src="./imgs/dog.jpg" alt="">
                    </div>
                    <div class="ml12">
                        <h4>用户名</h4>
                        <p class="fs12 mt8">三线达人课程设计师</p>
                    </div>
                </div>
                <div class="main-mid-r">
                    +关注
                </div>
            </div>
            <div class="main-mid-b">
                <p class="fs14 mt8" id="introduceTxt">
                    
                </p>
            </div>
        </div>
        <div class="main-btm dpflex jcsb mt20">
            <div class="main-btm-l">
                <h6 class="dpflex">
                    <span class="iconfont zp-dynamic mr5"></span>练习频次
                </h6>
                <p class="ml28">每周 <span id="frequency"></span> 次</p>
            </div>
            <div class="main-btm-r pl18">
                <h6 class="fs14 dpflex"><span class="iconfont zp-facility mr5"></span>器械</h6>
                <p>无</p>
            </div>
        </div>
        <button id="start" class="mt20">开始训练</button>
    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>

</body>
</html>